@charset "utf-8";
/* CSS Document */

/* Wetspot - Waterproofing and Tiling

@CSS Version Number 0.1
@Updated on: 23 Aug 2010
@Created on: 23 Aug 2010

Table of Contents.

1=Reset all element to common value.
2=Universal Elements.
3=Index.
4=About Us.
5=Projects.
6=Current Projects.
7=References.
8=Management Team.
9=Pay Your Bills Online.
10=Contact.
11="jQuery Lightbox."
*/

/*-----1---Reset all elements to common value START---1-----*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/*-----1---Reset all elements to common value END---1-----*/

/*-----2---Universal Elements START---2-----*/
body{background-image:url(images/wetspot-bg-texture.jpg);background-repeat:repeat;}
#container{width:870px;margin:0px auto;}
#header{width:870px;height:25px;background-color:#004a6f;margin:0px 0px 5px 0px;float:left;}
#header h1{text-indent:-9999px;}
#flash-banner{width:870px;height:475px;background-image:url(images/wetspot-index-main-image.jpg);float:left;}
#navigation{width:870px;height:60px;margin:5px 0px 0px 0px;float:left;}
#footer{width:870px;height:130px;margin:5px 0px 0px 0px;float:left;}
#navigation ul{width:870px;}
#navigation li{list-style:none;float:left;}
#navigation a{float:left;}
#footer-image{width:870px;height:100px;background-image:url(images/wetspot-footer.jpg);float:left;}
#footer-text{width:870px;height:25px;background-color:#004a6f;margin:5px 0px 0px 0px;float:left;}
.footer-copyright, .footer-netwizard{font-family:Tahoma, Geneva, sans-serif;font-size:10px;color:#ffffff;margin:4px 0px 0px 0px;}
.footer-copyright{width:711px;_width:704px;height:20px;margin-left:15px;_margin-left:10px;float:left;}
.footer-netwizard{width:130px;height:20px;float:left;}
.footer-netwizard a{text-decoration:none;color:#ffffff;}
.footer-netwizard a:hover{text-decoration:none;color:#002538;}
/*-----2---Universal Elements END---2-----*/

/*-----3---Index Elements START---3-----*/

/*-----3---Index Elements END---3-----*/

/*-----4---About Us Elements START---4-----*/
#body_about-us{width:870px;float:left;}
#column01-about-us{width:283px;height:475px;background-image:url(images/wetspot-about-us-img001.jpg);float:left;}
#column02-about-us{width:283px;height:475px;background-image:url(images/wetspot-about-us-img002.jpg);float:left;}
#column03-about-us{width:304px;height:475px;background-image:url(images/wetspot-about-us-img003.jpg);float:left;}
#column01-about-us h2, #column01-about-us p, #column02-about-us h2, #column02-about-us p{width:283px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;float:left;}
#column01-about-us h2{font-size:14px;margin:23px 0px 0px 30px;}
#column01-about-us p{font-size:11px;margin:10px 0px 0px 20px;}
#column02-about-us h2{font-size:14px;margin:23px 0px 0px 30px;}
#column02-about-us p{font-size:11px;margin:10px 0px 0px 20px;}
/*-----4---About Us Elements END---4-----*/

/*-----5---Projects Elements START---5-----*/
#body_projects{width:870px;float:left;}
#column01-projects{width:283px;height:475px;background-image:url(images/wetspot-projects-img001.jpg);float:left;}
#column02-projects{width:283px;height:475px;background-image:url(images/wetspot-projects-img002.jpg);float:left;}
#column03-projects{width:304px;height:475px;background-image:url(images/wetspot-projects-img003.jpg);float:left;}
.gallery-page-link a{width:115px;font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#ffffff;text-decoration:none;margin:2px 0px 0px 730px;float:left;}
.gallery-page-link a:hover{text-decoration:underline;}

#column01-projects ul, #column01-projects li{width:283px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;float:left;}
#column01-projects ul{list-style:inside;}
#column01-projects li{font-size:11px;margin:20px 0px 0px 20px;}


.gallery-item{width:270px;height:138px;margin:10px 0px 0px 10px;float:left;}
.gallery-item-row-one{width:270px;height:138px;margin:10px 0px 0px 20px;float:left;}
.gallery-item-spacer{width:270px;height:10px;float:left;}

.gallery-item-title{width:270px;height:21px;background-image:url(images/wetspot-galleries-title-bar.jpg);float:left;}
.gallery-item-title h2{font-family:Tahoma, Geneva, sans-serif;font-size:13px;color:#ffffff;margin:0px 0px 0px 10px;float:left;}
.gallery-item-content{width:270px;height:117px;background-color:#46494c;float:left;}

.gallery-item-photo{width:142px;height:107px;float:left;}
.gallery-item-photo img{margin:10px 0px 0px 10px;}
.gallery-item-text{width:128px;height:87px;float:left;}
.gallery-item-text p{font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#ffffff;margin:10px 0px 0px 10px;float:left;}
.gallery-item-link{width:128px;height:20px;float:left;}
.gallery-item-link a{font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#ffffff;text-decoration:underline;margin:0px 0px 0px 85px;float:left;}
.gallery-item-link a:hover{text-decoration:none;}

/*--- sub gallery styles ---*/
#body_projects-gallery{width:870px;height:475px;background-image:url(images/wetspot-projects-gallery-img001-full.jpg);background-repeat:repeat-x;float:left;}

/*-----5---Projects Elements END---5-----*/

/*-----6---Current Projects Elements START---6-----*/
#body_current-projects{width:870px;float:left;}
#column01-current-projects{width:283px;height:475px;background-image:url(images/wetspot-projects-img001.jpg);float:left;}
#column02-current-projects{width:283px;height:475px;background-image:url(images/wetspot-projects-img002.jpg);float:left;}
#column03-current-projects{width:304px;height:475px;background-image:url(images/wetspot-projects-img003.jpg);float:left;}

.current-projects-item{width:270px;height:138px;margin:10px 0px 0px 10px;float:left;}
.current-projects-item-row-one{width:270px;height:138px;margin:10px 0px 0px 20px;float:left;}
.current-projects-item-spacer{width:270px;height:10px;float:left;}

.current-projects-item-title{width:270px;height:21px;background-image:url(images/wetspot-galleries-title-bar.jpg);float:left;}
.current-projects-item-title h2{font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#ffffff;margin:0px 0px 0px 10px;float:left;}
.current-projects-item-content{width:270px;height:117px;float:left;}
.current-projects-item-content p{font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#ffffff;margin:5px 0px 0px 0px;float:left;}
/*-----6---Current Projects Elements END---6-----*/

/*-----7---References Elements START---7-----*/
#body_current-projects{width:870px;float:left;}
#column01-references{width:283px;height:475px;background-image:url(images/wetspot-references-img001.jpg);float:left;}
#column02-references{width:283px;height:475px;background-image:url(images/wetspot-references-img002.jpg);float:left;}
#column03-references{width:304px;height:475px;background-image:url(images/wetspot-references-img003.jpg);float:left;}
#column01-references h2, #column01-references h3, #column01-references ul, #column01-references li{width:283px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;float:left;}
#column01-references h2{font-size:14px;margin:23px 0px 0px 30px;}
#column01-references h3{font-size:11px;font-weight:bold;margin:10px 0px 0px 20px;}
#column01-references ul{list-style:none;}
#column01-references li{font-size:11px;margin:0px 0px 0px 20px;}
/*-----7---References Elements END---7-----*/

/*-----8---Management Team Elements START---8-----*/
#body_management{width:870px;float:left;}
#column01-management{width:283px;height:475px;background-image:url(images/wetspot-management-img001.jpg);float:left;}
#column02-management{width:283px;height:475px;background-image:url(images/wetspot-management-img002.jpg);float:left;}
#column03-management{width:304px;height:475px;background-image:url(images/wetspot-management-img003.jpg);float:left;}
#column01-management h2, #column01-management h3, #column01-management ul, #column01-management li, #column01-management p{width:283px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;float:left;}
#column01-management h2{font-size:14px;margin:23px 0px 0px 30px;}
#column01-management h3{font-size:11px;font-weight:bold;margin:10px 0px 0px 20px;}
#column01-management ul{list-style:none;}
#column01-management li{font-size:11px;margin:0px 0px 0px 20px;}
#column01-management p{font-size:11px;margin:10px 0px 0px 20px;}
/*-----8---Management Team Elements END---8-----*/

/*-----9---Pay your Bill Online Elements START---9-----*/
#body_pay-bills{width:870px;float:left;}
#column01-pay-bills{width:283px;height:475px;background-image:url(images/wetspot-pay-bills-img001.jpg);float:left;}
#column02-pay-bills{width:283px;height:475px;background-image:url(images/wetspot-pay-bills-img002.jpg);float:left;}
#column03-pay-bills{width:304px;height:475px;background-image:url(images/wetspot-pay-bills-img003.jpg);float:left;}
#column01-pay-bills h2{width:283px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;float:left;}
#column01-pay-bills h2{font-size:14px;margin:23px 0px 0px 30px;}

.pay-bills-status-msg{width:263px;height:30px;background-color:#8cbbcd;margin:20px 0px 0px 20px;float:left;}
.expiry-date-row{width:283px;height:43px;float:left;}
.expiry-date-one{width:88px;height:43px;float:left;}
.expiry-date-one label{margin-top:0px;float:left;}
.expiry-date-two{width:108px;height:43px;float:left;}
.expiry-date-three{width:87px;height:43px;float:left;}

.checkbox{width:50px;height:37px;float:left;}

#jq_contact_form{margin-top:10px;float:left;}
#customForm{width:400px;height:425px;clear:both;float:left;}
#customForm label{display:block;color:#000000;line-height:1.4em;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-left:20px;clear:both;}
#customForm input{color:#000000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:11px;margin-left:20px;}
#customForm input.error{background: #f8dbdb;border-color: #e77776;}
#customForm textarea{height:190px;color:#000000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;margin-left:20px;}
#customForm textarea.error{background: #f8dbdb;border-color: #e77776;}
#customForm select{color:#000000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:12px;margin-left:20px;}
#customForm select.error{background: #f8dbdb;border-color: #e77776;}
#customForm div{margin-bottom:5px;}
#customForm div span{font-family:Arial, Helvetica, sans-serif;color:#ffffff;font-size:12px;font-style:italic;}
#customForm div span.error{color: #d62d30;}
#error{margin-bottom:20px;border:1px solid #b71c20;}
#error ul{list-style:square;padding:5px;font-size:11px;}
#error ul li{list-style-position:inside;line-height:1.6em;}
#error ul li strong{color: #e46c6d;}
#error.valid ul li strong{color: #93d72e;}
#invoice, #card, #cardnumber, #expiry, #csc, #cardname, #amount{width:263px;}
#name, #email, #phone, #enquiry{width:257px;}
#send, #reset{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#000000;width:100px;height:35px;float:left;}
.status_part1{width:261px;height:40px;background-color:#6ce06c;border:1px solid #017f01;float:left;}
.status_part2{font-family:Tahoma, Geneva, sans-serif;font-size:11px;color:#005600;padding:2px 2px 2px 5px;float:left;}
.formSpacer{width:85px;_width:82px;height:30px;float:left;}
/*-----9---Pay your Bill Online END---9-----*/

/*-----10---Contact Elements START---10-----*/
#body_contact{width:870px;float:left;}
#column01-contact{width:283px;height:475px;background-image:url(images/wetspot-contact-img001.jpg);float:left;}
#column02-contact{width:283px;height:475px;background-image:url(images/wetspot-contact-img002.jpg);float:left;}
#column03-contact{width:304px;height:475px;background-image:url(images/wetspot-contact-img003.jpg);float:left;}
#column01-contact h2, #column01-contact h3, #column01-contact ul, #column01-contact li, #column01-contact p{width:283px;font-family:Tahoma, Geneva, sans-serif;color:#ffffff;float:left;}
#column01-contact h2{font-size:14px;margin:23px 0px 0px 30px;}
#column01-contact h3{font-size:11px;font-weight:bold;margin:10px 0px 0px 20px;}
#column01-contact ul{list-style:none;}
#column01-contact li{font-size:11px;margin:0px 0px 0px 20px;}
#column01-contact p{font-size:11px;margin:10px 0px 0px 20px;}
#column01-contact a{font-size:11px;color:#ffffff;text-decoration:none;margin:10px 0px 0px 0px;}
#column01-contact a:hover{text-decoration:none;color:#002538;}
#column03-contact iframe{margin:20px 0px 0px 20px;}

.contact-status-msg{width:263px;height:30px;background-color:#8cbbcd;margin:21px 0px 0px 20px;float:left;}

/*-----10---Contact Elements END---10-----*/

/*-----11---jQuery Lightbox Elements START---11-----*/
#gallery{width:870px;clear:both;float:left;}
#gallery ul{margin-left:0px;float:left;}
#gallery li{height:111px;list-style:none;margin:0px 0px 0px 11px;_margin:0px 0px 0px 8px;float:left;}
#gallery a{margin:0px 0px 0px 0px;float:left;}

.lightbox-spacer01{width:12px;height:465px;float:left;}
.lightbox-spacer02{width:870px;height:21px;float:left;}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/*jQuery lightbox*/
/*-----11---jQuery Lightbox Elements END---11-----*/