@charset "utf-8";

/*
	WELLMARSH DEVELOPMENTS
	VERSION 1.0  10/03/2009
	
	CONTENTS ----------
		
		1.BODY
		2.HEADINGS
		3.TEXT
		4.LINKS
		5.IMAGES
		6.LAYOUT
		7.NAVIGATION
		8.BRANDING
		9.GLOBAL CONTENT
		10.HOME
		11.GALLERY
		12.QUOTE
		13.FOOTER
		14.FORMS
	   
    -------------------
	
	COLOURS ----------
		
		TEXT #444;
		LIGHT BLUE #588ab7; #6797c2;
		DARK BLUE #1b5180;
		LIGHT GREY #ccc;
		DARK GREY #999;
		
	   
    -------------------	
*/


/* 1.BODY
---------------------------------------------------------------------- */

body { font-family:"Helvetica Neue", Arial, sans-serif; font-size:0.81em /* 13px */; line-height:1.5; background:#fff; color:#444; }

ul#nav-access { position:absolute; top:-9999px; left:-9999px; }



/* 2.HEADINGS
---------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold; color:#1b5180; }

h1 { font-size:2.31em /* 30px */; line-height:1.1em; margin-bottom:0.25em; }
h2 { font-size:1.85em /* 24px */; line-height:1.3em; margin-bottom:0.25em; }
h3 { font-size:1.08em /* 14px */; line-height:1.5em; margin-bottom:0.25em; }
h4 { font-size:1.08em /* 14px */; line-height:1.5em; margin-bottom:0.4em; }
h5 { font-size:1em; margin-bottom:1em; }
h6 { font-size:1em; margin-bottom:0.5em; }



/* 3.TEXT
---------------------------------------------------------------------- */

p { margin-bottom:1.5em; }

hr { background:#ccc; color:#ccc; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.4em; border:none; }
hr.space { background:#fff; color:#fff;}

blockquote { margin-bottom:1.5em; }
blockquote p { font-size:1.08em; font-style:italic; margin-bottom:0.75em; } 
blockquote p cite { font-size:0.7em; font-style:normal; text-transform:uppercase; }

abbr, acronym { border-bottom:1px dotted #999; }
address { margin-bottom:1.5em; padding-left:25px; font:0.92em/1.65em normal; font-family:"Helvetica Neue", Arial, sans-serif; background:url(../img/icon-info.gif) 0 0 no-repeat; }
del { color:#444; }
dfn { font-weight:bold; }
em { padding:3px; font-style:normal; background-color:#faec88; }
strong { font-weight:bold; }

/* Lists */
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
li ul, li ol { margin:0 1.5em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:0;}

/* Misc Classes */
.small { font-size:0.8em; margin-bottom: 1.875em; }
.large { font-size:1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color:#999; }
.loud { color:#000; }
.highlight { background:#ff0; }



/* 4.LINKS
---------------------------------------------------------------------- */

a:link, a:visited, a:hover, a:active { font-weight:bold; color:#1b5180; text-decoration:none; }
a:focus { outline:1px #999 dotted;  }



/* 5.IMAGES
---------------------------------------------------------------------- */

img { border:none; }

img.fl { float:left; margin:0 20px 10px 0; }
img.fr { float:right; margin:0 0 10px 10px; }



/* 6.LAYOUT
---------------------------------------------------------------------- */

div#nav { background:#3573a9 url(../img/bgd-nav-tile.gif) left bottom repeat-x; }
div#nav-inner { margin:0 auto; width:920px; }

div#branding { background:#1b5180 url(../img/bgd-branding-tile.gif) left top repeat-x; }
div#branding-inner { position:relative; margin:0 auto; padding:45px 0 35px 0; width:920px; background:url(../img/bgd-branding.gif) center bottom no-repeat; }

div#content { background:#fff url(../img/bgd-content-tile.gif) left top repeat-x; }
div#content-inner { position:relative; margin:0 auto; padding-bottom:1.5em; width:920px; background:#fff url(../img/bgd-content.gif) center top no-repeat; }
div#content-inner a:hover { text-decoration:underline; }

div#footer { background:#1b5180 url(../img/bgd-footer-tile.gif) left top repeat-x; }
div#footer-inner { margin:0 auto; padding:50px 40px; width:840px; background:url(../img/bgd-footer.gif) center top no-repeat; }

div#content-pri { float:left; position:relative; width:400px; padding:60px 0 30px 0; }
div#content-sec { float:left; width:220px; margin-right:40px; padding-top:55px; }
div#content-sidebar { float:right; position:relative; width:220px; padding:135px 0 30px 0; background:url(../img/bgd-paper-icons-trans.png) 9px 5px no-repeat; }

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use a .box to create a padded box inside a column.  */ 
.box { padding:1.5em; margin-bottom:1.5em; background:#ccc; }

/* Add a gutter above/below an element */
.prepend-top { margin-top:1.5em; }
.append-bottom { margin-bottom:1.5em; }

/* Clearing floats without extra markup by PiE [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix, .container { display:block; }

/* Regular clearing */
.clear { clear:both; }



/* 7.NAVIGATION
---------------------------------------------------------------------- */

/* See Spry Assets */



/* 8.BRANDING
---------------------------------------------------------------------- */

div#branding h1 { margin:0; position:absolute; left:15px; bottom:40px; width:246px; text-indent:-9999px; overflow:hidden; background:url(../img/logo-wellmarsh.gif) no-repeat;}
div#branding h1 a { display:block; height:65px; background:url(../img/logo-wellmarsh.gif) no-repeat; }
#home div#branding h1 a { cursor:default; }

div#branding h2 { margin-left:333px; width:370px; height:30px; text-indent:-9999px; background:url(../img/h2-branding.gif) 0 0 no-repeat; }
div#branding h3 { margin-left:333px; margin-bottom:0; padding-right:20px; font-size:1.23em; font-weight:normal; color:#ccc; }
div#branding h3 strong { color:#fff; }



/* 9.GLOBAL CONTENT
---------------------------------------------------------------------- */

div#content-pri h2 { width:400px; height:54px; text-indent:-9999px; background:url(../img/h2-building.gif) no-repeat 0 0; margin-bottom:30px; }
div#content-pri h2.plumbing { background-image:url(../img/h2-plumbing.gif); }
div#content-pri h2.electrical { background-image:url(../img/h2-electrical.gif); }
div#content-pri h2.gallery { background-image:url(../img/h2-gallery.gif); }
div#content-pri h2.contact { background-image:url(../img/h2-contact.gif); }
div#content-pri p.last { background:url(../img/bgd-line.gif) center bottom no-repeat; margin-bottom:2.2em; padding-bottom:40px;  }

div#content-sidebar img { display:block; margin: 0 0 25px 60px; }

/* Note paper boxes */
div.box-notes { margin-bottom:1.5em; background: url(../img/bgd-box-paper-left.gif) 0 0 no-repeat; }
div.box-notes h3 { width:220px; height:85px; text-indent:-9999px; background:url(../img/h3-what-we-do.gif) 0 0 no-repeat; }
div.box-notes ul { margin:0; padding:0 25px 45px 25px; list-style-type: none; background:url(../img/bgd-box-paper-left-bot.gif) 0 bottom no-repeat; }
div.box-notes ul li { margin-bottom:1em; padding-left:25px; font-weight:bold; font-size:0.92em; color:#1b5180; background:url(../img/bullet-tick.gif) 0 0.1em no-repeat; }
div.box-notes ul li.small { font-size:0.8em; }

div#content-sidebar div.box-notes { background: url(../img/bgd-box-paper-right.gif) 0 0 no-repeat; }
div#content-sidebar div.box-notes ul { background:url(../img/bgd-box-paper-right-bot.gif) 0 bottom no-repeat; }



/* 10.HOME
---------------------------------------------------------------------- */

#home div#content-inner { background:#fff url(../img/bgd-content-home.gif) center top no-repeat; }

#home div#content-pri { width:865px; padding:57px 0 35px 55px; }
#home div#content-pri h2 { position:absolute; left:28px; top:31px; width:208px; height:110px; text-indent:-9999px; background:url(../img/h2-our-work.jpg) no-repeat 0 0; margin-bottom:0; }
#home div#content-pri p { position:absolute; right:27px; top:53px; width:272px; height:287px; text-indent:-9999px; background:url(../img/bgd-contact-wellmarsh.jpg) no-repeat 0 0; margin-bottom:0; }
#home div#content-pri p img { position:absolute; right:21px; bottom:30px; width:165px; height:66px; } 

#home div#content-sec { width:840px; margin:0 0 2em 0; padding:0 40px 10px 40px; background:url(../img/bgd-line-big-bot.gif) center bottom no-repeat; }
#home div#content-sec h3 { width:840px; height:56px; text-indent:-9999px; background:url(../img/h3-our-services.gif) no-repeat 0 0; margin-bottom:15px; }
#home div#content-sec dl { float:left; position:relative; width:210px; height:21em; text-align:center; }
#home div#content-sec dt { width:210px; height:82px; text-indent:-9999px; background:url(../img/h3-building-icon.gif) center 0 no-repeat; margin-bottom:15px; }
#home div#content-sec dd { padding:0 15px 1em 15px; }
#home div#content-sec dd.last { position:absolute; left:20px; bottom:0; }

#home div#content-sec dl.gallery { text-align:left; background:url(../img/bgd-box-small-bot.gif) center bottom no-repeat; }
#home div#content-sec dl.gallery dt { background-image:url(../img/h3-our-gallery.gif); }
#home div#content-sec dl.gallery dd { padding:0 30px 1em 30px; }

#home div#content-sec dt.plumbing { background-image:url(../img/h3-plumbing-icon.gif); }
#home div#content-sec dt.electrical { background-image:url(../img/h3-electrical-icon.gif); }



/* 11.GALLERY
---------------------------------------------------------------------- */

#gallery div#content-pri { width:660px; background:url(../img/bgd-paper-icons-trans.png) 449px 5px no-repeat; }
#gallery div#content-pri h2 { width:660px; }
#gallery div#content-sec { padding-top:70px; }

#gallery div.box-notes h3 { background: url(../img/h3-images-of-work.gif) 0 0 no-repeat; }
#gallery div.box-notes ul { padding-left:20px; }
#gallery div.box-notes ul li { font-weight:normal; color:#444; background:url(../img/bullet-asterik.gif) 0 0.3em no-repeat; }

.galleria { float:left; margin:0; padding:0; list-style:none; width:162px; }
.galleria li { float:left; display:block; width:38px; height:32px; margin:0 10px 10px 0; padding:2px; border:1px solid #ccc; overflow:hidden; }
.galleria li a { display:none; } 
.galleria li div { position:absolute; display:none; top:0; left:162px; }
.galleria li div img { cursor:pointer; }
.galleria li.active div img,.galleria li.active div { display:block; }
.galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
.galleria li .caption { display:block; }
* html .galleria li div span { width:162px; } /* MSIE bug */

#main_image { float:left; margin:0 30px 30px 0; padding:10px 13px 0 10px; width:407px; height:400px; background:url(../img/bgd-gallery.gif) 0 0 no-repeat; }
#main_image img { margin-bottom:20px; }

.gallery-nav{ clear:both; margin-left:10px; font-size:0.8em; letter-spacing:1px; text-transform:uppercase; }



/* 12.QUOTE
---------------------------------------------------------------------- */

#quote div.box-notes h3 { background:url(../img/h3-hire-us.gif) 0 0 no-repeat; }
#quote div.box-notes ul li { background:url(../img/bullet-arrow.gif) 0 0.3em no-repeat; }

#quote div#content-sec img { margin-top:35px; }
#quote div#content-sec p.required { width:135px; height:72px; margin:1.5em 0 1.5em 60px; text-indent:-9999px; background:url(../img/p-required.gif) 0 0 no-repeat; }



/* 13.FOOTER
---------------------------------------------------------------------- */

div#footer h4, div#footer p, div#footer a, div#footer cite, div#footer address { color:#fff; }
div#footer h4 { font-size:1.38em; }

div#footer .content { float:left; width:580px; }
div#footer .info { float:right; width:210px; }

div#footer .info p { margin-bottom:0.5em; padding:1px 0 0 25px; font-size:0.92em; background:url(../img/icon-info.gif) 0 -150px no-repeat; }
div#footer .info p span { position:absolute; left:-9999px; width:9990px; /* Hides text but still visible for screen readers */ }
div#footer .info p.mobile { background-position:0 -200px; }
div#footer .info p.email { background-position:0 -250px; }

div#footer ul { margin:0; padding:1.5em 0 0.4em 0; list-style-type:none; background:url(../img/bgd-footer-line.gif) top left no-repeat; color:#588ab7; }
div#footer ul li { display:inline; margin-right:4px; }
div#footer ul li a { padding-right:5px; font-size:0.77em; text-transform:uppercase; color:#588ab7; border-right:1px solid #588ab7; }
div#footer ul li a:hover { color:#fff; }
div#footer ul li a.last { border-right:none; }

div#footer p.copyright { font-size:0.77em; text-transform:uppercase; color:#588ab7; }



/* 14.FORMS
---------------------------------------------------------------------- */

form { width:100%; }

fieldset { margin:1.5em 0; padding:0 0 1.5em 0; border:none; background:url(../img/bgd-line.gif) 0 bottom no-repeat; }
legend { display:none; }
label { float:left; margin-top:0.7em; width:120px; font-weight:bold; color:#1b5180; position:relative; }

/* For text fields, use class .title or .text */
input.text, input.title, textarea { margin:0.5em 0; background-color:#fff !important; border:1px solid #999; }
input.text:focus, input.title:focus, textarea:focus { border:1px solid #1b5180; }
input.radio {  }
input.submit { float:right; margin:0 1em; }
input.submit:hover {  }

input.text, input.title { width:268px; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:268px; height:10em; padding:5px; }

fieldset p { margin-bottom:0.75em; }
fieldset p span { position:absolute; top:0; right:10px; width:20px; height:16px; text-indent:-9999px; background:url(../img/bgd-form-span.gif) no-repeat 0 0; }

#serviceChoices div { float:left; width:133px; }
#serviceChoices label { float:none; display:inline; font-weight:normal; color:#444; }

#propertyDetails label { float:left; margin-top:0; width:250px; }
#propertyDetails select { width:150px; }