/* 
  -----------------------------------
 CSS for waterproof.pro.com
  ----------------------------------- 
*/

p { margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; }


/********SIDEBAR NAVIGATION**********/


ul {
	font-size: 12px;
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

ul.a {
	font-size: 12px;
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	
}

ul a 

{ padding: 0; color: #6c6c6c; }

li a { font-weight: normal; margin: 0; padding: 0; text-align: center; vertical-align: middle;}

li.a { font-size: 12px; line-height: 18px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-left: 10px;list-style-image: url(images/li-a.gif);}

li a:hover {
	color: #cccccc;
	font-weight: bold; }
	

li.a a,
li.a a:active, 
li.a a:visited,
li.a a:focus { font-weight: normal; margin: 0; color: #6c6c6c; text-align: left; }
li.a a:hover { color: #999999; }


/********GLOBAL NAVIGATION**********/

a:link {
	color: #007dc3;
}

a:visited {

	color: #3b95dc;
}
a:hover {

	color: #3b95dc;
}
a:active {

	color: #007dc3;
}

/********GENERAL PAGE FORMATTING**********/

.nowrap { white-space:nowrap }

td{
	padding: 0px 0px 0px 0px;
	}
	
	
td.projects{
	padding: 0px 30px 13px 50px;
	border-bottom: solid 1px #597A93;
	}
		
	
.location {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;

	}
body {
	background-color: #ffffff;
	background-image: url(images/bg.gif);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 0;
	padding: 0;
	height:100%; 
}

.casestudy {
	font-size: 12px;
    line-height: 18px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 28px;
	padding-right: 38px;
}

.press {
	border-bottom: solid 1px #597A93; 
	padding-bottom:25px;
	font-size: 12px;
	line-height: 18px;
	color: #6c6c6c;
	font-family: Arial, Helvetica, sans-serif;

}

#masthead {
	height: 143px;
    background-image:url(images/header-home.jpg);
	background-repeat: no-repeat;
}

#mastheadint {
	height: 107px;
}

#logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 135px;
}



/********LAYOUT WRAPPER**********/
#layout {
	width: 999px;
	margin: 0 auto;
	background-color: #ffffff;
	background-image: url(images/bgrepeat2.gif);
	background-repeat: repeat-y;
}

/********MENU WRAPPER**********/

#menubar {
	height: 22px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-left: 24px;
	width: 951px;
	background-color: #c1d72e;
}


/********COLUMN WRAPPER**********/
#columnwrapper {
	margin-left: 24px;
	width: 951px;
	padding: 0em 0 0 0;
	background-position: right top;
	
}

/*MAIN and SIDEBAR COLUMNS
  Width of both must equal width of columnwrapper
	540 + 210 = 750 */
	
#sidebox-about {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-about.jpg);
	background-repeat: no-repeat;
	
	}
	
#sidebox-projects {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-projects.jpg);
	background-repeat: no-repeat;

}


#sidebox-services {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-services.jpg);
	background-repeat: no-repeat;

}


#sidebox-organizations {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-organizations.jpg);
	background-repeat: no-repeat;

}


#sidebox-links {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-links.jpg);
	background-repeat: no-repeat;

}


#sidebox-locations {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-locations.jpg);
	background-repeat: no-repeat;

}


#sidebox-contact {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-contact.jpg);
	background-repeat: no-repeat;

}


#sidebox-news {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-news.jpg);
	background-repeat: no-repeat;

}

#sidebox-tools {
	float: left;
	width: 281px;
	background-image: url(images/sidebar-tools.jpg);
	background-repeat: no-repeat;

}

#sideboxhome {
	float: left;
	width: 519px;
	
}


#featuredbox {
	float: right;
	width: 519px;
	height:190px;
	background-image: url(images/home-featured-bg.gif);
	background-repeat: no-repeat; 
	background-position: bottom right;
}

#featuredbox p{
	line-height: 13px;
	font-size: 11px;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#mainbox {
	float: left;
	width: 670px;	

}

#mainboxhome {
	float: left;
	width: 432px;	
}

/********CONTENT CONTAINERS*********/

/*Sidebar*/
#sidecontent {
	width: 130px;
	margin-top: 160px;
	padding: 0px 20px 0px 20px;

}

#sidecontent p{
	line-height: 19px;
	font-size: 11px;
	font-style: italic;
	color: #000000;
	font-family: Georgia, Times, Times New Roman, serif;
	margin: 0px 15px 0px 0px;
}

/*----------------------Quote Rotator--------------------*/

.quote { 
  line-height: 19px;
	font-size: 11px;
	font-style: italic;
	color: #000000;
	font-family: Georgia, Times, Times New Roman, serif;
	margin: 0px 15px 0px 0px; 
  }

.attribution { 
  line-height: 19px;
	font-size: 11px;
	font-style: normal;
    font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 15px 0px 0px; 
    text-align: right;
  }


/*Main Content*/
#maincontent {
	margin: 0 0 0 0;

	/*body border*/
}

#maincontent p{
	line-height: 18px;
	font-size: 12px;
	color: #6c6c6c;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 65px 12px 0px;
	
}

#maincontent-home p{
	line-height: 18px;
	font-size: 13px;
	color: #6c6c6c;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding: 0px 30px 0px 77px;
	margin: 0px 0px 0px 0px;
}

.home2{
	line-height: 18px;
	font-size: 17px;
	color: #6c6c6c;
	font-family: Georgia, Times, Times New Roman, serif;
}

/********HEADINGS*******/
h1 {
	font-family: Georgia, Times, Times New Roman, serif;
	font-style: italic;
	font-weight: normal;
	margin-right: 50px;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 32px;
	letter-spacing: 0em;
	color: #f78e1e;
	border-bottom: dotted #666666 3px;
}

h1, h2, h3, h4 {
	line-height: normal;
}

h2 {
	padding: 5px 0 5px 0;
	font-size: 2.0em;
	font-family: Georgia, Times, Times New Roman, serif;
	font-style: italic;
	font-weight: normal;
	color: #007dc3;
	border-bottom: dotted #c1d82f 3px;
	margin: 10px 30px 5px 40px;
}

h3 {
	padding: 20px 0 0 0;
	font-size: 20px;
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: normal;
	color: #f78e1e;
	margin: 0px;
	
}

h4 {
	padding: 10px 0px 0px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #007dc3;
    margin: 0px;
}

h5 {
	padding: 0px 0px 0px 77px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #007dc3;
	margin:0px;
}


h6 {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	color: #ffffff;
	line-height: 18px;
	border-bottom: dotted #ffffff 2px;
	padding-bottom: 5px;
	
}


/*CLEARING the LAYOUT FLOATS*/
.clearit {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

/********BOTTOM SHADOW GRAPHIC**********/
#bottom {
	background-image: url(images/bottom2.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 84px;
	background-position: left bottom;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 0.2em;
	color: #666666;
}

#bottom-home {
    background-image: url(images/footer-home2.jpg);
	background-repeat: no-repeat;
	height: 255px;
	background-position: left bottom;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
}


/***********FOOTER************/
/*Footer Container*/
#footerbox {
	width: 750px;
	margin: 0 auto;
	padding-left: 255px;
	padding-top: 5px;
	font-size: 0.7em;
	color: #ffffff;
}
/*Footer Content*/
#footer {
	padding: 0 0 0 35px;

}
/*********PAGE LINK STYLES********/

#footer a:hover, 
#footer a:active, 
#footer a:focus, 
#bottom a,
#bottom a:active, 
#bottom a:focus {
	color: #333333;
	text-decoration: none;
}

#bottom a:hover { color: #333333; text-decoration: underline; }
#bottom a:visited { color: #333333; }



#contact a,
#contact a:active, 
#contact a:visited,
#contact a:focus {
	color: #333333;
	text-decoration: none; }

#contact a:hover { color: #333333; text-decoration: underline; }

#subnav {
	margin-top: 20px;
	margin-right: 20px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #666666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	}
	
#subnav a,
#subnav a:active, 
#subnav a:visited,
#subnav a:focus {
	color: #666666;
	text-decoration: none; }
#subnav  a:hover { color: #f78e1e; }

subnav a:hover { color: #cccccc; }


/*********SIDEBAR NAV********/

.navigation ul { margin: 0; padding: 0; }

.navigation li {
	border-bottom: 1px solid #42688d;
	list-style: none;
}

.navigation li a {
	color: #cccccc;
	display: block;
	padding: 4px 4px 4px 16px;
	text-decoration: none;
	font-weight: normal;
}

.navigation li a:hover {
	color: #666666;
	/*background-image:url(images/navbg.gif);
	background-repeat: repeat-y;	*/
	background-color: #d3e0e6;
	text-decoration: none;
	font-weight: normal;
}


/*********PROJECTS********/
 
#project {
	width: 160px;
	float: right;
	margin:118px 30px 0px 20px;

}

#project p{
	color: #000000; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9px;
	line-height: 12px;
	margin: 0px 0px 11px 0px;
	
}

#projectname-top {
	height: 25px;
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-bottom: 18px;
	margin-top: 2px;
}

#projectname {
	height: 25px;
	font-size: 12px;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-top: 2px;
}

#projectcopy {
	color: #000000; 
	font-size:9px; 
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	line-height: 12px;

}

#projectpic {
	width:432px; 
	height:354px;
	float:right;
	margin-top:110px
}



#projectscroller {
	width: 710px; 
	height: 118px; 
	float: right; 
	background-image:url(images/bg-project-bottom.gif); 
	background-position: left; 
	background-repeat: no-repeat;
	}


/*********HOME PAGE FOOTER********/
 
#listen {
	font-size: 12px;
	line-height: 18px;
	float: left;
	height: 100px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 55px;
	padding-left: 60px;
	padding-right: 10px;
	
}

#learn {
	font-size: 12px;
	line-height: 18px;
	float: left;
	height: 100px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 55px;
	padding-left: 28px;
	padding-right: 18px;
}

#do {
	font-size: 12px;
    line-height: 18px;
	float: left;
	height:100px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
    padding-top: 55px;
	padding-left: 28px;
}

/*********CONTACTS********/

#contact { 
    line-height: 13px;
	font-size: 10px;
	font-style: normal;
    font-weight: bold;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
    text-align: left;
  }