*{padding: 0px; margin: 0px;}

html, body {padding: 0px; margin: 0px;}

.bg {
	background-color: #333333;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.container {
	background-color: #FFFFFF;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 946px;
	background-position: left bottom;
	height: auto;
}

#copyright{color: #FFFFFF; font: 11px  Arial, Tahoma, sans-serif;  margin: 5px; text-align: center;}
#copyright a{color: #FFFFFF; text-decoration: none;}
#copyright a:hover{color: #FFFFFF; text-decoration: underline;}

#tmgCredit{color: #cccccc; font: 11px  Arial, Tahoma, sans-serif; margin: 5px 0px 15px 0px; padding-top: 15px; text-align: center;}
#tmgCredit a{color: #cccccc; text-decoration: none;}
#tmgCredit a:hover{color: #cccccc; text-decoration: underline;}

#nav {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/nav-bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
	height: 68px;
	padding-top: 15px;
}

#nav li {
	display: inline;
	list-style-type: none;
}

#nav a{color: #FFFFFF; text-decoration: none;}
#nav a:hover{color: #CCCC00; text-decoration: none;}
#nav a#active{color: #CCCC00; text-decoration: none;}


.imgMain {
	background-image: url(../images/hp-main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 227px;
	width: 946px;
}
.hpContent {
	background-color: #003366;
	height: 258px;
	border-top-width: 9px;
	border-top-style: solid;
	border-top-color: #006699;
}

#hpList {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #66CCFF;
	text-align: left;
	float: left;
	width: 230px;
	margin-top: 10px;
}
#hpList a{color: #66CCFF; text-decoration: none;}
#hpList a:hover{color: #FFFFFF; text-decoration: none;}

#hpList li {
	margin: 10px 0px 0px 70px;  
	list-style-image: url(../images/img-icon.gif);
}
.hpWelcome {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	float: left;
	padding: 10px 0px 0px 20px;
}
.hpWelcome a {color: #CCCC00; text-decoration: underline;}
.hpWelcome a:hover{color: #CCCC00; text-decoration: none;}

.hpImages {
	display: inline;
	float: left;
	padding-top: 10px;
}

.hpWelcometitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #999933;
}

#ftr {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 14px;
	color: #003366;
	background-image: url(../images/ftr-bg.jpg);
	background-repeat: repeat-x;
	text-align: right;
	height: 35px;
	padding: 25px 30px 0px 0px;
	clear: both;
}

#ftr a{color: #003366; text-decoration: none;}
#ftr a:hover{color: #003366; text-decoration: underline;}

.pgTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
	background-color: #999933;
	text-align: left;
	text-indent: 28px;
	height: 34px;
	padding-top: 5px;
}

.content {
	background-color: #003366;
	float: left;
}

#leftBox {
	float: left;
	width: 306px;
	display: block;
}

#leftBox a {color: #CCCC00; text-decoration: underline;}
#leftBox a:hover{color: #CCCC00; text-decoration: none;}

#rightBox {
	float: right;
	width: 635px;
	vertical-align: top;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 15px 5px 0px 0px;
	background-image: url(../images/img-vert-line.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#rightBox img {
	border: 0;
	padding: 5px 5px 10px 0px;
}

.leftBoxContent {
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 10px 10px 40px;
}

#leftList {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #66CCFF;
	text-align: left;
	float: left;
	width: 300px;
	margin-top: 10px;
}

#leftList li {
	margin: 10px 0px 10px 40px;
	list-style-image: url(../images/img-icon.gif);
}

.imgPool {
	background-image: url(../images/img-pool-services.jpg);
	background-repeat: no-repeat;
	height: 197px;
	width: 946px;
}

.imgPatio {
	background-image: url(../images/img-patios.jpg);
	background-repeat: no-repeat;
	height: 197px;
	width: 946px;
}

.imgAbout {
	background-image: url(../images/img-aboutus.jpg);
	background-repeat: no-repeat;
	height: 197px;
	width: 946px;
}
.imgContact {
	background-image: url(../images/img-contactus.jpg);
	background-repeat: no-repeat;
	height: 197px;
	width: 946px;
}

.imgDriveways {
	background-image: url(../images/img-driveway-entries.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 197px;
	width: 946px;
}

#portfolioColumn{
	text-align: left;
	margin: 0px 0px 0px 10px;
	float: left;
}
#portfolioColumn img{display: inline;}

#mainImgColumn{
	width: 420px;
	float: right;
}
#mainImgColumn2{
	width: 447px;
	float: right;
	margin: 0px 0px 10px 0px;
}
/* form items */
.textfield{width: 220px;}

.inputbutton{color: #000; background-color: #fff; border: 1px solid #000; padding: 6px; margin-left: 170px;}

.inputbutton:hover{color: #66CCFF; background-color: #fff; border: 1px solid #000; padding: 6px; margin-left: 170px;}

textarea{width: 220px; height: 100px;}