@import url("/global.css");
/* CompiledCSS */
.unleaded{
	padding:4px 15px 0 15px;
	margin:0 0 0 0;
	font-size: 16px;
	font-weight: bold;
}


/* Start StyleCSS */
a.l {
	text-decoration:underline;
}
a.l:hover {
	text-decoration:underline;
}
h1 {
	line-height:160%;
}
div {
	line-height:160%;
}
td {
	line-height:160%;
}
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
/* @override http://localhost/styles.css */

/*
    AUTHOR: COBDESIGN
            hass@cobdesign.com
*/

/* @group CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	/*background: transparent;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Layout + Typography */

html { overflow-y: scroll; }

body { 
	font: 62.5% /*Lucida Grande, */Verdana, sans-serif;
	/*color: #6a747c;*/
	color: #75a2a2;
	overflow: hidden;
	background: white url(http://cp1.cpasitesolutions.com/~watts/images/watts_bg.png) repeat-x 0 top;
}

ul { 
	list-style: square;
	margin-left: 2em;
	margin-bottom: 2em;
}

li {
	line-height: 1.4em;
	font-size: 1.2em;	
}

h1 {
	margin-bottom: .5em;
	font-size: 2em;	
	font-weight: normal;
	font-style: normal;
	color: #00435F;		
}

.brown {
	color: #534741;
}

h2 {
	margin-bottom: 1em;
	font-size: 1.5em;
	font-weight: normal;
	font-style: normal;
	margin: 0;
}

h3 {
	margin-bottom: 1em;
	font-size: 1.4em;
}

p { margin-bottom: 1em;
	line-height: 1.4em;
	font-size: 1.2em;
}

.white {
	color: white;
}

.dark {
	color: #00435F;
}

.light {
	color: #75a2a2;
}

a {
	outline: none; 
	text-decoration: none;
	color: #00435F;
}
li a {
	text-decoration: none;
}
a img { border: none; }

.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

.center {
	text-align: center;
}

/* @group DIVs */

#container {
	width: 960px;
	margin: 0 auto;
	/*padding-top: 40px;*/
}

	#masthead {
		width: 100%;
		height: 120px;
		background: url(http://cp1.cpasitesolutions.com/~watts/images/watts_masthead.png) no-repeat 0 top;
	}
	
	#navbar a {
		font-size: 1em;
		color:#999999;
		text-decoration: none;
	}
	
	#navbar a:hover {
	font-size: 1em;
	color:#999999;
	text-decoration: underline;
	}
	
	#navbar {
		width: 100%;
		text-align:right;
		height:10px;
	}

		/* @group Navigation */

		#tabs {
		margin: 0;
		padding: 0;
		height: 120px;
		width: 960px;
		}

		#tabs li {
		display: inline;	
		padding: 0;
		margin: 0;
		}

		#tab1 a {
		display: block;
		float: left;
		width: 320px;
		height: 120px;
		padding: 0;
		margin: 0;
		} 

		#tab2 a {
		display: block;
		float: left;
		width: 220px;
		height: 120px;
		padding: 0;
		margin: 0;
		}

		#about #tabs #tab2 a {
		display: block;
		float: left;
		background: url(http://cp1.cpasitesolutions.com/~watts/images/watts_masthead.png) no-repeat -320px -120px;
		}

		#tab3 a {
		display: block;
		float: left;
		width: 240px;
		height: 120px;
		padding: 0;
		margin: 0;
		}

		#services #tabs #tab3 a {
			display: block;
			float: left;
			background: url(http://cp1.cpasitesolutions.com/~watts/images/watts_masthead.png) no-repeat -540px -120px;
		}

		#tab4 a {
		display: block;
		float: left;
		width: 180px;
		height: 120px;
		padding: 0;
		margin: 0;
		}

		#contact #tabs #tab4 a {
		display: block;
		float: left;
		background: url(http://cp1.cpasitesolutions.com/~watts/images/watts_masthead.png) no-repeat -780px -120px;
		}

		/* @end */
	
	

	#content {
		width: 100%;
		min-height: 300px;
		height: auto !important;
		_height: 300px;				
	}
	
		.home {
			background: url(http://cp1.cpasitesolutions.com/~watts/images/watts_hero_graphic.jpg) no-repeat 0 top;
			max-height: 300px;
			overflow: hidden;		
		}
	
		.about {
			background: url(http://cp1.cpasitesolutions.com/~watts/images/watts_hero_about.jpg) no-repeat 0 top;
			max-height: 300px;
			overflow: hidden;			
		}
	
		.services {
			background: url(http://cp1.cpasitesolutions.com/~watts/images/watts_hero_services.jpg) no-repeat 0 top;		
		}
	
		.contact {
			background: url(http://cp1.cpasitesolutions.com/~watts/images/watts_hero_contact.jpg) no-repeat 0 top;
			max-height: 300px;
			overflow: hidden;			
		}

		#caption {
			width: 280px;
			min-height: 200px;
			margin: 50px 0 10px 20px;
			_margin: 50px 0 10px 10px;
			overflow: hidden;						
		}

		#aboutcaption {
			width: 445px;
			min-height: 105px;
			margin: 165px 35px 0 0;
			_margin: 165px 17px 0 0;
			overflow: hidden;		
		}



		#cms {
			width: 960px;
			margin-top: 30px;
		}
		
			#cmstop {
				width: 860px;
				height: 35px;
				background: url(http://cp1.cpasitesolutions.com/~watts/images/cmstop_transp.png) no-repeat;
				_background: url(http://cp1.cpasitesolutions.com/~watts/images/cmstop_ie.png) no-repeat 0 bottom;				
				padding: 35px 50px 0;
			}
			
			#cmscontent {
				width: 860px;
				min-height: 200px;
				padding: 0 50px 0 50px;
				background: url(http://cp1.cpasitesolutions.com/~watts/images/cms_transp.png) repeat-y;
				_background: url(http://cp1.cpasitesolutions.com/~watts/images/cms_ie.png) repeat-y;
			}
			
			#cmscontent ul,li {
				background-color: white;
				color: #6a747c;
			}
			
			#cmsbot {
				width: 880px;
				height: 30px;
				padding: 0 50px 30px 30px;
				background: url(http://cp1.cpasitesolutions.com/~watts/images/cmsbot_transp.png) no-repeat;
				_background: url(http://cp1.cpasitesolutions.com/~watts/images/cmsbot_ie.png) no-repeat;
			}



		#page {
			width: 650px;
			margin-top: 30px;
		}
		
			#pagetop {
				width: 550px;
				height: 35px;
				background: url(http://cp1.cpasitesolutions.com/~watts/images/pagetop_transp.png) no-repeat;
				_background: url(http://cp1.cpasitesolutions.com/~watts/images/pagetop_ie.png) no-repeat 0 bottom;				
				padding: 35px 50px 0;
			}
			
			#pagecontent {
				width: 550px;
				min-height: 200px;
				padding: 0 50px 0 50px;
				background: url(http://cp1.cpasitesolutions.com/~watts/images/page_transp.png) repeat-y;
				_background: url(http://cp1.cpasitesolutions.com/~watts/images/page_ie.png) repeat-y;
			}
			
				#pagecontent ul,li {
					background-color: white;
					color: #6a747c;
				}
				
				.details {
				}

				.package {
					width: 100%;
					padding-top: 5px;
					_padding-top: 15px;
					padding-bottom: 5px;
					border-bottom: 1px solid silver;
					background: url(http://cp1.cpasitesolutions.com/~watts/images/interested.gif) no-repeat right center;
					_background: url(http://cp1.cpasitesolutions.com/~watts/images/interested.gif) no-repeat right 11px;							
				}
			
			#pagebot {
				width: 570px;
				height: 30px;
				padding: 0 50px 30px 30px;
				background: url(http://cp1.cpasitesolutions.com/~watts/images/pagebot_transp.png) no-repeat;
				_background: url(http://cp1.cpasitesolutions.com/~watts/images/pagebot_ie.png) no-repeat;
			}
			
		#form {
			/*background-color: orange;*/
			float: right;
			width: 500px;
			height: 220px;
			margin-top: 55px;
			margin-right: 40px;
			_margin-right: 20px;				
		}
		
			#contactinfo {
				/*background-color: blue;*/
				float: left;	
				width: 240px;
				padding-right: 20px;
				overflow: hidden;
			}
			
			#message {
				/*background-color: greenyellow;*/
				float: right;	
				width: 240px;
				overflow: hidden;
			}
			
			input {
				color: #75a2a2;
				background-color: transparent;
				border: 1px solid silver;
				padding: .25em;
			}
			
			textarea {
				color: #white;
				background-color: transparent;
				border: 1px solid #534741;
				width: 93%;
				padding: .5em;
				height: 125px;
			}
			
			.submit {
				float: right;		
			}
			
			.submit input {
				color: #534741;
				background-color: transparent;
				border: 1px solid #534741;	
			}
			
	#module1 {
		margin-top: 20px;
		width: 270px;
		height: 200px;
		padding: 20px;
		background-image: url(http://cp1.cpasitesolutions.com/~watts/images/module1.png);
		overflow: hidden;
	}
		
	#module2 {
		margin-top: 20px;
		width: 420px;
		height: 240px;
		margin-right: 15px;
		margin-left: 15px;
		background-image: url(http://cp1.cpasitesolutions.com/~watts/images/module2.png);
	}	

	#module3 {
		margin-top: 20px;
		width: 160px;
		height: 200px;
		padding: 20px;
		background-image: url(http://cp1.cpasitesolutions.com/~watts/images/module3.png);
		overflow: hidden;				
	}
	
	#footer {
		padding-top:  20px;
		margin-bottom: 100px;
		padding-left: 20px;
		width: 100%;
		min-height: 20px;
	}
	
	#footer a {
		margin-right: 40px;
	}

/* COMPILED */

a {
	color: #75a2a2;
	text-decoration:none;
}
a:hover {
	color: #75a2a2;
	text-decoration:underline;
}

a.l {
	color: #75a2a2;
	text-decoration:none;
}

a.l:hover {
	text-decoration: underline;
	color: #75a2a2;
}

a.l3 {
	text-decoration: none;
	color: #75a2a2;
	margin: 0 5px 0 5px;
}

a.l3:hover {
	text-decoration: underline;
	color: #75a2a2;
	margin: 0 5px 0 5px;
}

.contrastcolor {
	color: #000000;
	background-color: #f0f0f0;
}

.cellcolor,
.cellcolor p,
.cellcolor a, 
.cellcolor a:hover, 
.cellcolor h1, 
.cellcolor h2, 
.cellcolor h3 {
	color: #000000;
	background-color: #f0f0f0;
}

.center {
	margin: 0 auto 0 auto;
}


.vertgradient {
	border: solid 1px #ccc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top, #fff, #eee);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee);
}
.linecolor {
	color: #eeeeee;
	background: #eeeeee;
}


/* Start MENU */
.menu,.menu * {
	margin:0;
	padding:0;
}

#nav-menu ul ul li a.menulinks, 
#nav-menu ul ul li a.menulinks:hover, 
#nav-menu ul li.active.parent ul li a.menulinks {
	width: 100%;
	display:block;
	height: 100%;
	font-style: normal;
	font-variant: normal; 
	font-weight: normal; 
}

div#nav-menu {
     z-index:50;
}

#nav-menu li li{
      margin:0;
}

.menu{
     line-height:1.0;
     float:left;
     margin-bottom:1.5em;
     position:relative;
     height: 45px; 
     width: 100%;
}

.menu li{
     float:center;
     list-style:none;
     position:relative;
} 

.menu li ul{
     float:none;
     left:-999em;
     position:absolute;
     z-index:5;
}

.menu li:hover ul,
.menu li.sfHover ul{
     left:0px;
     top:45px; 
}

.menu li:hover li ul,
.menu li.sfHover li ul,
.menu li li:hover li ul,
.menu li li.sfHover li ul,
.menu li li li:hover li ul,
.menu li li li.sfHover li ul {
     top:-999em;
}

.menu li li:hover ul,
.menu li li.sfHover ul,
.menu li li li:hover ul,
.menu li li li.sfHover ul,
.menu li li li li:hover ul,
.menu li li li li.sfHover ul {
     left: 100%;
     top:-1px;
}

.menu li li{
     position:relative;
     float:none;
}

.menu-surround {
	padding: 0 5px;
}

#nav-menu {
	font-style: normal;
	font-variant: normal; 
	font-weight: bold; 
	height: 45px; 
	display: block;
	margin-top: 0px;
	z-index: 100;
	position: relative;
    font-size: 10px; 
}

ul#nav.menu, 
#nav-menu ul.menu {
	padding: 0;
	margin: 0;
	position: relative;
}

#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#nav-menu a,
#nav-menu .separator {
	white-space: nowrap;
	display: block;
	float: left;
	height: 45px; 
	line-height: 45px; 
	padding: 0 15px 0 15px;  
	font-size: 14px; 
	text-decoration: none;
	z-index: 100;
	margin-left: 0px;
    align: left;
    font-family: Arial, Helvetica, sans-serif;
}

#nav-menu li.active a,
#nav-menu li.active .separator {
	white-space: nowrap;
	display: block;
	float: left;
	height: 45px; 
	line-height: 45px; 
	padding: 0 30px 0 30px;
	margin: 0;
	font-size: 15px; 
	text-decoration: none;
	z-index: 100;
	cursor: pointer;
    color: #ffffff; 
    font-family: Arial, Helvetica, sans-serif;
}

div#nav-menu li li a, 
div#nav-menu li.active li a {
     display:inline;
     padding: 0px;
     margin-right: 15px;
     text-decoration:none;
     float:none;
     height:28px; 
     line-height:28px; 
} 

div#nav-menu ul li ul li,
div#nav-menu ul li ul li a {
     text-indent:8px;
}

#nav-menu li.active li {
	margin-top: 0;
}

#nav-menu li.active li span {
	padding: 0;
	line-height: 28px;
	height: 28px;
}

#nav-menu li.active li a, 
#nav-menu li.active.parent li a, 
#nav-menu li.active li .separator, 
#nav-menu li.active.parent li .separator {
	font-size: 12px; 
    font-family: Arial, Helvetica, sans-serif;
	font-variant: normal; 
	font-style: normal;
}

#nav-menu ul ul {
     margin: 0;
     padding: 0;
}

#nav-menu ul ul li a, 
#nav-menu ul li.active.parent ul a, 
#nav-menu ul li.active.parent ul a span, 
#nav-menu ul ul li .separator, 
#nav-menu ul li.active.parent ul .separator, 
#nav-menu ul li.active.parent ul .separator span {
	text-transform: none;
}

#nav-menu li li.active, 
#nav-menu li.active li a, 
#nav-menu li.active li a:hover, 
#nav-menu li li a:hover, 
#nav-menu ul li.active.parent ul a, 
#nav-menu li.active li .separator, 
#nav-menu li.active li .separator:hover, 
#nav-menu li li .separator:hover, 
#nav-menu ul li.active.parent ul .separator {
     background: none;
}

#nav-menu li li a,
#nav-menu li li .separator {
	font-size: 12px; 
	background: none;
    font-family: Arial, Helvetica, sans-serif;
	font-variant: normal; 
	font-style: normal;
}
a.mainlevel:hover, a.sublevel:hover {
      text-decoration: none;
}

.moduletable-sidemenu a.mainlevel {
     margin: 0 0 1px 0;
}

ul.menu a, ul.menu li.active a, a.mainlevel {
     display: block;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     line-height: 28px;
     text-indent: 0px;
     height: 28px;
     overflow: hidden;
     font-size: 12px; 
     float: none;
     padding:2px 0;
    font-family: Arial, Helvetica, sans-serif; 
	font-variant: normal; 
	font-style: normal;
}

a.sublevel {
     padding-left: 0;
     margin-left: 0;
     height: 28px;
     line-height: 28px;
}

ul.menu ul li a {
     text-indent: 10px;
}

ul.menu ul {
     margin: 5px -14px;
     padding: 10px 0 10px 30px;
     margin: 4px 0;
}

ul.menu ul ul {
     padding-left: 18px; 
     margin:0;
     background: none;
}

ul.menu li li {
     padding: 0;
     margin: 0;
     float: none;
     width: 100%;
}

ul.menu ul a {
     text-indent: 0;
     color: #ffffff; 
}

ul.menu li.active a, ul.menu li.active a:hover {
     text-decoration: none;
     line-height: 28px;
}

ul.menu li a:hover {
     text-decoration: none;
}

ul.menu li.active ul {
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 0px;
     padding-bottom: 5px;
}

ul.menu li.active.parent ul {
	margin-bottom: 1px;
}

.menu a:visited {
    color: #ffffff; 
}

#nav-menu a, 
#nav-menu .separator {
	color: #ffffff; 
}


#nav-menu li.active {
	background: url(/images/galleries/style/340/images/nav_right.jpg) 100% 50% no-repeat; 
}
#nav-menu li.active a {
	background: url(/images/galleries/style/340/images/nav_left.jpg) 0 50% no-repeat; 
}

#nav-menu li {
	background: url(/images/galleries/style/340/images/nav_btn_right.jpg) 100% 50% no-repeat;  
}
#nav-menu li a {
	background: url(/images/galleries/style/340/images/nav_btn_left.jpg) 0 50% no-repeat; 
}

#nav-menu li.sfHover a {
	color: #ffffff; 
}

#nav-menu ul ul li a, 
#nav-menu ul li.active.parent ul a, 
#nav-menu ul ul li .separator, 
#nav-menu ul li.active.parent ul .separator {
	color: #ffffff; 
}

#nav-menu li.sfHover li a, 
#nav-menu li:hover li a, 
#nav-menu ul li.active ul li.active li a, 
#nav-menu ul li.active.parent ul li a, 
#nav-menu ul li.active.parent ul li .separator {
	color: #ffffff;  
}

#nav-menu li:hover li a:hover {
	color: #ffffff; 
}

#nav-menu ul ul li a.daddy, 
#nav-menu ul ul li a.daddy:hover, 
#nav-menu ul li.active.parent ul li a.daddy {
	background: url(/images/galleries/style/bullets/white-full.gif) 99% 50% no-repeat;
	width: 100%;
	display:block;
	height: 100%;
	padding: 0 0 0 0;
	margin: 0 30px 0 0;
	font-variant: normal; 
	font-weight: normal; 
	font-style: normal;
}

ul.menu li.active.parent ul li a {
	background-color: transparent;
}

#nav-menu li li {
background: url(/images/galleries/style/340/images/menu_bkg.png);
}

#nav-menu li li:hover,
#nav-menu li li.sfHover,
#nav-menu li:hover li:hover,
#nav-menu li.sfHover li.sfHover,
#nav-menu li.active li.active {
	background: url(/images/galleries/style/340/images/menu_bkg_active.png);
}

#nav-menu li:hover li a.daddy:link,
#nav-menu li.sfHover li a.daddy:link,
#nav-menu li:hover li a.daddy:visited,
#nav-menu li.sfHover li a.daddy:visited  {
	background: url(/images/galleries/style/bullets/white-full.gif) 99% 50% no-repeat; 
	width: 100%;
}

#nav-menu li:hover li a,
#nav-menu li li:hover li a {
	background: none;
}
* html #nav-menu ul ul {
width: 288px;
}

* html #nav-menu ul ul li a.daddy, 
* html #nav-menu ul ul li a.daddy:hover, 
* html #nav-menu ul li.active.parent ul li a.daddy {
	background: url(/images/galleries/style/bullets/white-full.gif) 99% 50% no-repeat; 
	width: 100%;
	display:block;
	height: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}