html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
 
/* http://lesscss.org/ */

/**************************************/
/*           COLOR SCHEME             */
/**************************************/

@lightblue: #00aeef;
@darkblue: #262261;
@grey: #e7e8e9;
@darkgrey:#7d7d7d;

/*

lighten(@color, 10%);     // return a color which is 10% *lighter* than @color
darken(@color, 10%);      // return a color which is 10% *darker* than @color

saturate(@color, 10%);    // return a color 10% *more* saturated than @color
desaturate(@color, 10%);  // return a color 10% *less* saturated than @color

fadein(@color, 10%);      // return a color 10% *less* transparent than @color
fadeout(@color, 10%);     // return a color 10% *more* transparent than @color
fade(@color, 50%);        // return @color with 50% transparency

spin(@color, 10);         // return a color with a 10 degree larger in hue than @color
spin(@color, -10);        // return a color with a 10 degree smaller hue than @color

mix(@color1, @color2);    // return a mix of @color1 and @color2

round(1.67); // returns '2'
ceil(2.4);   // returns '3'
floor(2.6);  // returns '2'
percentage(0.5); // returns '50%'

*/

/**************************************/
/*              FONTS                 */
/**************************************/

@font-default:Arial,Helvitica,Georgia;
@neueFont:"Helvetica Neue",Arial,Helvitica,Georgia;

/**************************************/
/*            NAMESCAPES              */
/**************************************/

#bundle {
  .button () {
  	color:orange;
    display: block;
    border: 1px solid black;
    background-color: grey;
    &:hover { background-color: white }
  }
}

/**************************************/
/*              HACKS                 */
/**************************************/

#min-height-hack {min-height:300px; height:auto !important; height:300px;/*Needs to match the min height pixels above*/ }
.clear {clear:both;}
.group:after {
  content: "";
  display: table;
  clear: both;
}

/**************************************/
/*              GLOBALS               */
/**************************************/

.rounded-corners (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
  box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  -webkit-box-shadow: @arguments;
}

.color (@c) {color:@c;}

.padding (@padding: 10px) {padding:@padding;}
.bold, strong, b {font-weight:bold;}
.italic, i {font-style:italic;}

.font-size-mixin (@a) when (@a > 20px) {
	.italic;
	.color(green)	
}

body {background:#262261;font-family:@neueFont;}
#container {width:750px;margin:0 auto;background:#fff;margin-top:40px;.rounded-corners(3px);}
.left {float:left;}
.right {float:right;}
.padding-lr {padding:15px;}
a {text-decoration:none;}


/**************************************/
/*              HEADER                */
/**************************************/

#header h2 {display:none;font-size:27px;font-family:@neueFont;
	span {color:@lightblue;}
}
#header #logo-text {.left;}
#header #free-consultation {.right;padding-right:15px;}
#water-graphic {margin-bottom:20px;}
.bold {font-weight:bold;}

/**************************************/
/*             NAVIGATION             */
/**************************************/

#nav {background:none;margin:20px 0px 20px 0px;}
#nav ul {list-style:none;.right;margin-right:10px;
	li {.left;
		a {display:block;.left;padding:0 10px 0px 10px;border-left:1px solid @lightblue;color:@darkgrey;font-family:@neueFont;font-size:13px;}
		a.no-border-left {border-left:none;}
		a.active {.bold;color:@lightblue;}
	}
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#content {padding-bottom:30px;
		#left-col {.left;width:160px;margin:0px 15px 0px 15px;
				#FAQ {
						h3 {background:@lightblue;color:@grey;font-weight:bold;font-style:italic;padding:10px;color:#fff;font-size:13px;.rounded-corners(5px 5px 0px 0px);}
						ul {background:@grey;padding:10px;
								li {font-size:11px;padding:10px;border-bottom:1px solid #fff;
										img {.right;padding:5px 0px 0px 0px;margin:5px 0px 0px 0px;}
										a {color:#333;}
										a:hover {color:@darkgrey;}
								}
						}
						.block-bottom {background:@grey;height:30px;.rounded-corners(0px 0px 5px 5px);}
				}
		}
		#mid-col {.left;width:370px;
				h1 {margin-bottom:15px;color:#999;
						span {color:@darkblue;font-weight:bold;
								span {color:@lightblue;}
						}
				}
				h2 {margin-bottom:10px;font-size:13px;.bold;}
				p {font-size:12px;line-height:16px;margin-bottom:15px;}
		}
		#right-col {.right;width:160px;margin:0px 15px 0px 15px;
				#testimonial {margin-top:20px;
						p.test-txt {color:#adacad;font-size:15px;margin-bottom:10px;}
						p.test-author {font-weight:bold;font-size:11px;color:#666;}
				}
		}
}

/**************************************/
/*               FOOTER               */
/**************************************/

#footer {width:750px;margin:0 auto;
	p {color:#fff;text-align:center;font-size:10px;padding-top:10px;}
	a {color:@lightblue;}
}