/* CSS Document */

body{
	margin:0px;
	background-color:#A0B8C5;
	background-image:url(images/design3_bg_tile.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#topbottom{
	height:100%
}
.webtext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:17px;
	text-align:left;
}

.sidetext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:16px;
	text-align:left;
}

a.sidetext{
	text-decoration:none;
}

a.sidetext:hover{
	text-decoration:underline;
}

.lefttext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#336699;
	line-height:16px;
	text-align:left;
	text-decoration:none;
}

.lefttextbox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#336699;
	line-height:16px;
	text-align:left;
	text-decoration:none;
	border-bottom:1px dotted #6699CC;
	padding:3px;
}


.lefttext:hover{ text-decoration:underline}

.menutext, .menutext:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
	color:#336699;
	line-height:17px;
	text-align:left;
}

.sectiontext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
	color: #000066;
	line-height:17px;
	text-align:left;
}

.sectionsubtext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:semi-bold;
	text-decoration:none;
	padding:1px;
	color: #000099;
	line-height:17px;
	text-align:left;
}


.footertext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#F5F5F5;
	text-decoration:none;
	text-align:center;
}

a.footertext:hover {
	text-decoration: underline}

li {padding-bottom:10px;}

input, textarea {	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000066;
	text-align:left;
	padding:3px;
	width:235px;
} 

input.checkbox { width:20px}

#menu{
	background: url(../images/menu-bar.jpg) 0 0 no-repeat;
	width: 800px;
	height: 30px;
	float: left;
}

#nav{
	width: 800px;
	height: 30px;
		margin: 0;
	padding: 0;
}

#menu{
	width: 800px;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
}

#menu li, #menu a{
	display: block;
	list-style-type: none;
	height: 30px;
}

#menu li {
	float: left;
	list-style: none;
	_display: inline;
}

#menu span {
	display: none;
}

#menu-welcome{
	 width: 81px;
	 float: left;
}

#menu-welcome a:hover	{ 
	background: transparent url(../images/menu-bar.jpg) 0 -30px no-repeat;
}

#menu-before-you-build{
	width: 124px;
	float: left; 
}

#menu-before-you-build a:hover	{ 
	background: transparent url(../images/menu-bar.jpg) -81px -30px no-repeat;
}

#menu-why-choose-us{
	width: 125px;
	float: left;
}

#menu-why-choose-us a:hover	{ 
	background: transparent url(../images/menu-bar.jpg) -205px -30px no-repeat;
}

#menu-pool-gallery{
	width: 110px;
	float: left;
}

#menu-pool-gallery a:hover	{ 
	background: transparent url(../images/menu-bar.jpg) -330px -30px no-repeat;
}


#menu-our-company{
	width: 115px;
	float: left;
}

#menu-our-company a:hover	{ 
	background: transparent url(../images/menu-bar.jpg) -440px -30px no-repeat;
}

#menu-partners{
	width: 85px;
	float: left;
}

#menu-partners a:hover	{ 
	background: transparent url(../images/menu-bar.jpg) -555px -30px no-repeat;
}

#menu-contact-us{
	width: 100px;
	float: left;
}

#menu-contact-us a:hover	{ 
	background: transparent url(../images/menu-bar.jpg) -640px -30px no-repeat;
}

#menu-blog{
	width: 60px;
	float: left;
}

#menu-blog a:hover	{ 
	background: transparent url(../images/menu-bar.jpg) -740px -30px no-repeat;
}